{% load static %}
<!DOCTYPE html>
<html lang="ch">
<head>
    <meta charset="UTF-8">
    <title>一键导入</title>
    <script src={% static "assets/js/bootstrap.min.js"%}></script>
        <link rel="stylesheet" href={% static "assets/css/bootstrap.css" %}>
</head>
<body>
<h1 style="text-align: center">导航条自动导入</h1>
<div style="margin: 5em auto;" class="container center">
    <form method="post" class="form-inline col-lg-10">
    {% csrf_token %}
  <div class="form-group">
    <label for="categories">类别</label>
      <select name="categories" class="form-control" id="categories">
          {% for item in categories %}
              <option value="{{ item.id }}">{{ item.name }}</option>
          {% endfor %}
      </select>
  </div>
  <div class="form-group">
    <label for="url">url地址</label>
      <input name="url" type="url" class="form-control" id="url" placeholder="请输入地址">
     </div>
  <div class="checkbox">
    <label>
      <input type="checkbox" name="is_show"> 是否隐藏显示
    </label>
  </div>      
  <button type="submit" class="btn btn-success">自动生成</button>
</form>

</div>
</body>
</html>